import cm from 'classnames'
import styles from './index.module.scss'
import PlayJujiFull from '@c/play/play-juji-full'
import { pcStore } from '@/store'
import { useRecoilValue } from 'recoil'
const Index = props => {
  const { currPlayLines, setErrorCode, lineGroup, selectionInfo, isShows, isMovie } = props
  const pcState = useRecoilValue(pcStore)
  return (
    <div
      className={cm(styles.jujiBox, {
        [styles.jujiPhone]: !pcState
      })}
    >
      <PlayJujiFull
        isShows={isShows}
        isMovie={isMovie}
        currPlayLines={currPlayLines}
        setErrorCode={setErrorCode}
        lineGroup={lineGroup}
        selectionInfo={selectionInfo}
      />
    </div>
  )
}

export default Index
